/*          reset css       */
html,
body {
    width: 100%;
}

*,
::before,
::after {
    /*选择所有标签*/
    margin: 0;
    padding: 0;
    /*清除移动端默认的点击高亮效果*/
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /*设置所有的元素都是以边框开始计算宽度的 百分比*/
    box-sizing: border-box;
}

body {
    font-size: 14px;
    color: #333;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

a {
    text-decoration: none;

    &:hover {
        text-decoration: none;
    }
}

ul,
ol {
    list-style: none;
}

input {
    border: none;
    outline: none;
    /*清除移动端默认的表单样式*/
    -webkit-appearance: none;
}

.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    -webkit-transition: font-size 0.25s ease-out 0s;
    -moz-transition: font-size 0.25s ease-out 0s;
    transition: font-size 0.25s ease-out 0s;
}

.el-message-box {
    width: auto;
    min-width: 20%;
}

.query-form {
    margin-top: 0px;
}

.table-expand {
    .el-form-item {
        margin-right: 0;
        margin-bottom: 0;
        width: 49%;

        label {
            width: 90px;
            color: #99a9bf;
        }
    }
}

.pagination-container {
    margin: 10px;
    float: right;
}

.left-container {
    margin: 10px;
    float: left;
}

.el-table td {
    padding: 10px 0 !important;
}

.tbCell {
    background-color: #f4f4f5;
    color: #606266;
}

.left_form {
    width: 45%;
}

.el-main{
    margin: 40px;
}
//dialog里面的x号样式调整 
.el-dialog__headerbtn {
    position: absolute;
    top: 24px !important;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}

// dialog样式调整
.el-dialog__header{
    background-color: #f4f4f5 !important;
}
  .avue-crud__dialog__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.el-dialog__title {
  color: rgba(0,0,0,.85);
  font-weight: 500;
  word-wrap: break-word;
}
.avue-crud__dialog__menu {
  padding-right: 20px;
  float: left;
}
.avue-crud__dialog__menu i {
  color: #909399;
  font-size: 15px;
}
.mention{
    display: none;
} 
.avue-crud__dialog__menu:hover .mention{
    display: block ;
    position:absolute;
    top:24px;
    right:60px;
}

.svg-icon{
  cursor: pointer;
}


@media screen and (max-width: 768px) {
    .query-form-item.el-form-item {
        display: block !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .query-form-item .el-form-item__content {
        width: 100% !important;

        .el-select {
            width: 100% !important;
        }

        .el-input {
            width: 100% !important;
        }

        .el-cascader {
            width: 100% !important;
        }
    }

    .el-dialog {
        width: 98% !important;
    }

    .el-message {
        min-width: 70% !important;
    }

    // 宽度100的表单
    .hundred_percent_form {
        width: 100% !important;
    }

    //时间选择控件 宽度100%
    .el-date-editor--datetimerange.el-input,
    .el-date-editor--datetimerange.el-input__inner {
        width: 100% !important;
    }
}

// 左侧导航栏的折叠后的样式
.el-menu--collapse {
    .el-submenu {
        .el-submenu__title {
            span {
                height: 0;
                width: 0;
                overflow: hidden;
                visibility: hidden;
                display: inline-block;
            }

            .el-submenu__icon-arrow {
                display: none;
            }
        }
    }

    .el-menu-item {
        .el-tooltip {
            span {
                height: 0;
                width: 0;
                overflow: hidden;
                visibility: hidden;
                display: inline-block;
            }
        }
    }
}

.table-scrollbar {
    height: 75vh;
}

// 所有表格行高设置
.el-table__body td {
    padding: 8px 0 !important;
}

@media screen and (min-width: 1919px) {
    .table-scrollbar {
        height: 80vh;
    }
}

@media screen and (min-width: 2500px) {
    .table-scrollbar {
        height: 85vh;
    }
}

/* switch开关的样式 */
.switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
}
/*打开时文字位置设置*/
.switch .el-switch__label--right {
    z-index: 1;
}
/* 调整打开时文字的显示位置 */
.switch .el-switch__label--right span{
    margin-top:4px;
    margin-right: 20px;
}
/*关闭时文字位置设置*/
.switch .el-switch__label--left {
    z-index: 1;
}
/* 调整关闭时文字的显示位置 */
.switch .el-switch__label--left span{
    margin-left: 20px;
}
/*显示文字*/
.switch .el-switch__label.is-active {
    display: block;
}
/* 调整按钮的宽度 */
.switch.el-switch .el-switch__core,
.el-switch .el-switch__label {
     width: 70px !important;
     margin: 0;
}
 /* 去除input[type=number]浏览器默认的icon显示 */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button { // chrome
     -webkit-appearance: none;
     appearance: none;
     margin: 0;
 }
 input{ // 火狐
    -moz-appearance:textfield !important;
 }
